require('./PageMyInfo.less');
import { Link, Control , Route } from 'react-keeper'
import arrowjd from './../../assets/icon/箭头.png';
import { Page,Panel,Toast,PanelHeader,Flex,FlexItem } from 'react-weui/build/packages';
import AppHead  from  '../../components/common/Header';


class MyInfo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showToast: false,
      showLoading: false,
      toastTimer: null,
      loadingTimer: null,
    }
    this.showLoading = this.showLoading.bind(this);
  }

  render() {
    return (

      <Page className="myinfo" infiniteLoader={false} ptr={false} >
        <AppHead />
        <Toast icon="loading" show={this.state.showLoading}>Loading...</Toast>
        {this.props.children}
      </Page>

    );
  }

  showLoading() {
    this.setState({showLoading: true});

    this.state.loadingTimer = setTimeout(()=> {
      this.setState({showLoading: false});
    }, 2000);
  }

  componentWillMount() {
    this.showLoading();
  }

  componentDidMount() {

  }

  componentWillReceiveProps(nextProps) {

  }


  shouldComponentUpdate(nextProps, nextState) {
    return true;
  }

  componentWillUpdate(nextProps, nextState) {

  }


  componentDidUpdate(prevProps, prevState) {

  }


  componentWillUnmount() {

  }

}


export default MyInfo ;
